<!DOCTYPE html>
<html manifest="site.manifest">
  <head>
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
      <meta name="apple-mobile-web-app-capable" content="yes" />
      <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="apple-touch-icon" href="test.jpg">
    <link rel="apple-touch-icon-precomposed" href="test.jpg">
    <link rel="apple-touch-startup-image" href="test.jpg" />
     
    <style type="text/css">
      #main{
        width:900px;
        margin:auto;
      }
    </style>
  </head>
  <body>
    <div id="main">
      <h1>Cette page est accessible hors ligne</h1>
      <p>Elle possède une icone d'application pour les smartphones.</p>
      <img src="test.jpg" />
    </div>
  </body>
 
</html>